import React, { useState } from 'react';
import style from './index.less';
import { ArrowLeft } from '@react-vant/icons';
import { history } from 'umi';

export default function index() {
  const [show, setshow] = useState(false);

  return (
    <div>
      <div className={style.top}>
        <div className={style.zou}>
          <ArrowLeft color="#fff" fontSize="25px" />
        </div>
        <div
          className={style.zhong}
          onClick={() => setshow(false)}
          style={{ color: show ? '#fff' : 'red' }}
        >
          通知
        </div>
        <div
          className={style.you}
          onClick={() => setshow(true)}
          style={{ color: show ? 'red' : '#fff' }}
        >
          私信
        </div>
      </div>
      <div className={style.da}>
        <div style={{ display: show ? 'none' : '' }}>
          <div className={style.kong}></div>

          <div className={style.kuang}>
            <div className={style.zou1}>
              <div className={style.zhao}>
                <img src="https://img.axureshop.com/8d/2f/30/8d2f3075c60b454382a8e5b016e47cf6/images/%E9%99%84%E8%BF%91/u2520.png" />
              </div>
            </div>
            <div className={style.zhong1}>
              <div className={style.shang}>OMINI人民广场自助回收机</div>
              <div className={style.xia}>自助回收成功</div>
            </div>
            <div className={style.you1}>8-13</div>
          </div>
        </div>

        <div style={{ display: show ? '' : 'none' }}>
          <div className={style.kong}></div>

          <div
            className={style.kuang}
            onClick={() => history.push('/duihua', { state: 'F-IEFULNER' })}
          >
            <div className={style.zou1}>
              <div className={style.zhao1}>
                <img src="https://img.axureshop.com/8d/2f/30/8d2f3075c60b454382a8e5b016e47cf6/images/%E6%B6%88%E6%81%AF%E5%88%97%E8%A1%A8/pic_u8850-0.png" />
              </div>
            </div>
            <div className={style.zhong1}>
              <div className={style.shang}>F-IEFULNER</div>
              <div className={style.xia}>快看这个咋样？</div>
            </div>
            <div className={style.you1}>8-13</div>
          </div>
        </div>
      </div>
    </div>
  );
}
